<!DOCTYPE html>
<html lang="zh-CN">

<!-- http://you.163.com/item/detail?id=3551305&_stat_area=1&_stat_referer=search&_stat_query=%E7%94%B7%E5%BC%8F%E5%9F%BA%E7%A1%80%E5%90%88%E4%BD%93%E7%9B%B4%E7%AD%92%E4%BC%91%E9%97%B2%E8%A3%A4&_stat_count=26&_stat_searchversion=0.8 -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatile" content="ie=edge">
    <!-- 搜索引擎优化 （SEO） -->
    <title>男式基础合体直筒休闲裤 - 碳素磨毛工艺，骨感显品质感 - 网易严选</title>
    <meta name="keywords" content="网易严选,严选,网易优选,网易甄选,网易优品,网易精选,甄选家男式裤装,男式基础合体直筒休闲裤,碳素磨毛工艺，骨感显品质感">
    <meta name="description" content="网易严选熟知你所不知道的品牌制造商，为你打破品牌溢价，从源头为你筛选男式基础合体直筒休闲裤，碳素磨毛工艺，骨感显品质感，仅售99.9元">

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <!--  -->
    <link rel="stylesheet" href="css/common.css">

    <!-- <link rel="stylesheet" href="css/index_common.css"> -->

    <link rel="stylesheet" href="css/detail.css">

</head>

<body>
    <!-- 头部部分 -->
    <div class="header">
        <!-- 快捷导航 -->
        <div class="site_nav">
            <div class="w">
                <div class="site_title fl">
                    <ul>
                        <li><a href="#">用银行卡在严选购物，最高随机直减99元</a></li>
                        <li><a href="#">用银行卡在严选购物，最高随机直减99元</a></li>
                        <li><a href="#">用银行卡在严选购物，最高随机直减99元</a></li>
                        <li><a href="#">用银行卡在严选购物，最高随机直减99元</a></li>
                    </ul>
                </div>
                <div class="site_nav_r fr">
                    <a href="#" class="none_bdl">登录/注册</a>
                    <a href="#">我的订单</a>
                    <a href="#">会员</a>
                    <a href="#">甄选家</a>
                    <a href="#">企业采购 </a>
                    <a href="#">客户服务 </a>
                    <a href="#"> APP</a>
                </div>
            </div>
        </div>
        <!-- 功能部分（搜索和导航） -->
        <div class="func_nav">
            <div class="func_content w">
                <h1>
                    <a href="#">网易严选</a>
                </h1>
                <!-- 搜索框 -->
                <div class="search">
                    <i></i>
                    <input type="text" class="fl" placeholder="爆款 全价猫粮">
                    <button class="fr">搜索</button>
                    <div class="tips">
                        <ul>
                            <li>
                                <a href="#" class="none_bdl">三防商务裤 限时7折</a>
                                <a href="#" class="hot_item">豆腐猫砂 轻松铲屎</a>
                                <a href="#">保暖内衣 第2件半价</a>
                                <a href="#" class="hot_item">第2件半价</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 购物车 -->
                <div class="car">
                    <i> 购物车</i>
                    <span>0</span>
                </div>

                <!-- 导航 -->
                <div class="nav">
                    <ul>
                        <li class="nav_item"><a href="#">首页</a></li>
                        <li><a href="#">居家生活</a></li>
                        <li><a href="#">服饰鞋包</a></li>
                        <li><a href="#">美食酒水</a></li>
                        <li><a href="#">个护清洁</a></li>
                        <li><a href="#">母婴亲子</a></li>
                        <li><a href="#">运动旅行</a></li>
                        <li><a href="#">数码家电</a></li>
                        <li><a href="#">全球特色</a></li>
                        <li class="nav_bdl"></li>
                        <li><a href="#">为你严选</a></li>
                        <li><a href="#">众筹</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 内容部分  -->
    <div class="main">
        <div class="info w clearfix">
            <!-- 头部面包屑导航 -->
            <div class="info_header">
                <span>首页</span>
                <i></i>
                <a href="#">服饰鞋包</a>
                <i></i>
                <a href="#">男式裤装</a>
                <i></i>
                <span>男式基础合体直筒休闲裤</span>
            </div>
            <div class="info_content">
                <!-- 价格 左侧 盒子 -->
                <div class="info_left fl">
                    <div class="info_img">
                        <img src="upload/info_por.png" alt="">
                        <i></i>
                    </div>

                    <div class="img_list clearfix">
                        <ul>
                            <li class="img_list_f"><a href="#"><img src="./upload/img_list1.png" alt=""></a></li>
                            <li><a href="#"><img src="./upload/img_list1.png" alt=""></a></li>
                            <li><a href="#"><img src="./upload/img_list1.png" alt=""></a></li>
                            <li><a href="#"><img src="./upload/img_list1.png" alt=""></a></li>
                            <li><a href="#"><img src="./upload/img_list1.png" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="info_footer">
                        <a href="#">企业采购更优惠 </a>
                    </div>
                </div>
                <!-- 价格右侧盒子 -->
                <div class="info_right fr">
                    <!-- 价格标题 -->
                    <div class="pro_header">
                        <div class="pro_title clearfix">
                            <h4 class="fl">男式基础合体直筒休闲裤</h4>
                            <span class="fr">99.7%</span>
                        </div>
                        <div class="pro_doc clearfix">
                            <p class="fl">碳素磨毛工艺，骨感显品质感</p>
                            <a href="#" class="fr">好评率 </a>
                        </div>
                    </div>
                    <!-- 价格描述 -->
                    <div class="pro_price">
                        <div class=" clearfix price_title">
                            <div class="name fl">
                                <span>价格</span>
                            </div>
                            <div class="value fl">
                                <p class="value_pic">¥<span>99.9</span></p>
                                <p class="value_doc">下方可领券，领券后再省15元，到手价84.9元</p>
                                <a class="vip">
                                    <i></i><span>超级会员价¥94.9, 可省¥5 立即开通 ></span>
                                    <p>季卡仅售59元，开卡即送39元起免费试用商品</p>
                                </a>
                            </div>
                        </div>
                        <div class="pricr_item clearfix">
                            <div class="name fl">
                                <span>领券</span>
                            </div>
                            <div class="value fl">
                                <div class="quan">
                                    <span class="quan_title">新人15元直减</span>
                                    <i></i>
                                    <span class="quan_j">领取</span>
                                </div>
                            </div>
                        </div>
                        <div class="pricr_item clearfix">
                            <div class="name fl">
                                <span>促销</span>
                            </div>
                            <div class="value fl">
                                <div class="cuxiao">
                                    <span>回馈金卡</span>
                                    <a href="#">买11得33，买即领11元，立即购 </a>
                                </div>
                            </div>
                        </div>
                        <div class="pricr_item clearfix">
                            <div class="name fl">
                                <span>购物返</span>
                            </div>
                            <div class="value fl">
                                <div class="shop">
                                    <p><span>新用户最高返</span> <em> ¥1回馈金 + 9积分</em> <i></i></p>
                                </div>
                            </div>
                        </div>
                        <div class="pricr_item clearfix">
                            <div class="name fl">
                                <span>配送</span>
                            </div>
                            <div class="value fl">
                                <div class="adds">
                                    <span>至</span>
                                    <select name="sel" id="sel">
                                        <option value="" selected>请选择地址</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="pricr_item clearfix service_item">
                            <div class="name service_name  fl">
                                <span>服务</span>
                            </div>
                            <div class="value fl">
                                <div class="service">
                                    <a href="#">･ 支持30天无忧退换货 ･ 48小时快速退款 ･ 满88元免邮费 ･ 网易自营品牌 </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 颜色 -->
                    <div class="color_content pricr_item clearfix">
                        <div class="name fl">
                            <span>颜色</span>
                        </div>
                        <div class="value fl">
                            <div class="price_color">
                                <ul>
                                    <li><a href="#"><img src="./upload/color_img.png" alt=""></a></li>
                                    <li><a href="#"><img src="./upload/color_img.png" alt=""></a></li>
                                    <li><a href="#"><img src="./upload/color_img.png" alt=""></a></li>
                                    <li><a href="#"><img src="./upload/color_img.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- 尺寸规格 -->
                    <div class="size_content pricr_item clearfix">
                        <div class="name fl">
                            <span>尺码</span>
                        </div>
                        <div class="value fl">
                            <div class="price_size">
                                <ul>
                                    <li><a href="#">38：190/94A</a></li>
                                    <li><a href="#">38：190/94A</a></li>
                                    <li><a href="#">38：190/94A</a></li>
                                    <li><a href="#">38：190/94A</a></li>
                                    <li><a href="#">38：190/94A</a></li>
                                    <li><a href="#">38：190/94A</a></li>
                                    <li><a href="#">38：190/94A</a></li>
                                    <li><a href="#">38：190/94A</a></li>
                                    <li><a href="#">38：190/94A</a></li>
                                    <li><a href="#">38：190/94A</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- 数量 -->
                    <div class="number_content pricr_item clearfix">
                        <div class="name fl">
                            <span>数量</span>
                        </div>
                        <div class="value fl">
                            <div class="price_number">
                                <div class="number fl clearfix">
                                    <span class="lass fl">-</span>
                                    <input type="text fl" value="1">
                                    <span class="more fr">+</span>
                                </div>
                                <i class="fl"></i>
                                <span class="fl size">尺码助手</span>
                            </div>
                        </div>
                    </div>
                    <!-- 购买按钮 -->
                    <div class="btns">
                        <a href="#" class="btn fl buy">立即购买</a>
                        <a href="#" class="btn fl shop_car">  加入购物车</a>
                        <div class="collect_zone fl">
                            <div class="top">
                                <span></span>
                            </div>
                            <div class="bottom">
                                <p>收藏</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 你可能还喜欢 -->
        <div class="w you_like">
            <div class="like_header">
                <span>你可能还喜欢</span>
            </div>
            <div class="like_content clearfix">
                <div class="slick ani">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="./upload/slick_img1.png" alt="">
                            </a>
                            <span class="tip_tag tag">限量抢购</span>
                            <div class="tags_label">
                                <span>新品尝鲜价</span>
                            </div>
                            <h3>11.11回馈金卡</h3>
                            <p>￥11 <em></em></p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/slick_img1.png" alt="">
                            </a>
                            <span class="tip_tag tag">限量抢购</span>
                            <div class="tags_label">
                                <span>新品尝鲜价</span>
                            </div>
                            <h3>11.11回馈金卡</h3>
                            <p>￥11 <em></em></p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/slick_img1.png" alt="">
                            </a>
                            <span class="tip_tag tag">限量抢购</span>
                            <div class="tags_label">
                                <span>新品尝鲜价</span>
                            </div>
                            <h3>11.11回馈金卡</h3>
                            <p>￥11 <em></em></p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/slick_img1.png" alt="">
                            </a>
                            <span class="tip_tag tag">限量抢购</span>
                            <div class="tags_label">
                                <span>新品尝鲜价</span>
                            </div>
                            <h3>11.11回馈金卡</h3>
                            <p>￥11 <em></em></p>
                        </li>
                    </ul>
                </div>
                <button class="arrow_l slider_l"></button>
                <button class="arrow_r slider_r"></button>
                <ul class="page_list">
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#" class="page_item"></a></li>
                </ul>
            </div>
        </div>

        <!-- 详情介绍 -->
        <div class="detail w">
            <div class="detail_l fl">
                <div class="tab clearfix">
                    <ul>
                        <li class="tab_first"><a href="#">详情</a></li>
                        <li><a href="#">评价 (9087)</a></li>
                        <li><a href="#">尺码表</a></li>
                        <li><a href="#">质检报告</a></li>
                        <li><a href="#">常见问题</a></li>
                    </ul>
                </div>
                <div class="tab_detail clearfix">
                    <ul>
                        <li class="clearfix">
                            <span class="tab_detail_l fl">面料成分</span>
                            <span class="tab_detail_r fl">面 料：棉98% 氨纶2% <br> 口袋布：聚酯纤维100%</span>
                        </li>
                        <li class="clearfix">
                            <span class="tab_detail_l fl">适用人群</span>
                            <span class="tab_detail_r fl">男士</span>
                        </li>
                        <li class="detail_w clearfix">
                            <span class="tab_detail_l fl">适用季节</span>
                            <span class="tab_detail_r fl">四季通用</span>
                        </li>
                        <li class="detail_w clearfix">
                            <span class="tab_detail_l fl">尺码</span>
                            <span class="tab_detail_r fl">36、35、34、33、32、31、30、29、28</span>
                        </li>
                        <li class="clearfix">
                            <span class="tab_detail_l fl">颜色</span>
                            <span class="tab_detail_r fl">藏青、灰绿、卡其色、黑色</span>
                        </li>
                        <li class="clearfix">
                            <span class="tab_detail_l fl">版型</span>
                            <span class="tab_detail_r fl">合体</span>
                        </li>
                        <li class="clearfix">
                            <span class="tab_detail_l fl">长度</span>
                            <span class="tab_detail_r fl"> 长裤</span>
                        </li>
                        <li class="clearfix">
                            <span class="tab_detail_l fl">厚度</span>
                            <span class="tab_detail_r fl">  适中</span>
                        </li>
                        <li class="detail_w clearfix">
                                <span class="tab_detail_l fl">温馨提示</span>
                                <span class="tab_detail_r fl">由于产品批次不同，实物标签与页面名称可能会不一致，实际商品无误，介意者请慎拍。</span>
                        </li>
                        <li class="service">
                            <span>售后服务</span>
                            <p>非质量问题的退换货，寄回时请保持商品的原始购买状态：内包装完好，吊牌及吊线完好（如有），无磨损，无污渍，无清洗。且不要遗忘任何私人物品于包装中。</p>
                        </li>

                        
                      
                    </ul>
                </div>

                <div class="det_list">
                    <ul>
                        <li><img src="upload/detail_1.jpg" alt=""></li>
                        <li><img src="upload/detail_2.jpg" alt=""></li>
                        <li><img src="upload/detail_3.jpg" alt=""></li>
                        <li><img src="upload/detail_4.jpg" alt=""></li>
                        <li><img src="upload/detail_5.jpg" alt=""></li>
                        <li><img src="upload/detail_6.jpg" alt=""></li>
                        <li><img src="upload/detail_7.jpg" alt=""></li>
                        <li><img src="upload/detail_8.jpg" alt=""></li>
                        <li><img src="upload/detail_9.jpg" alt=""></li>
                        <li><img src="upload/detail_10.gif" alt=""></li>
                        <li><img src="upload/detail_11.jpg" alt=""></li>
                        <li><img src="upload/detail_12.jpg" alt=""></li>
                        <li><img src="upload/detail_13.jpg" alt=""></li>
                        <li><img src="upload/detail_14.jpg" alt=""></li>
                        <li><img src="upload/detail_15.jpg" alt=""></li>
                        <li><img src="upload/detail_16.jpg" alt=""></li>
                        <li><img src="upload/detail_17.jpg" alt=""></li>
                        <li><img src="upload/detail_18.jpg" alt=""></li>
                        <li><img src="upload/detail_19.jpg" alt=""></li>

                    </ul>
                </div>
            </div>

            <!-- 产品推荐 -->
            <div class="detail_r fr clearfix">
                <div class="detail_r_top clearfix">
                    <div class="detail_r_title">
                        <h4>24小时热销榜</h4>
                    </div>
                    <ul>
                        <li>
                            <a href="#">
                                <img src="./upload/detail_img1.png" alt="">
                            </a>
                            <span class="tip_tag tag">9色可选</span>
                            <a href="#" class="doc">女式咖啡碳+5℃保暖内衣（上衣/裤子）</a>
                            <p>￥11 <em></em></p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/detail_img2.png" alt="">
                            </a>
                            <span class="tip_tag tag">9色可选</span>
                            <a href="#" class="doc">女式咖啡碳+5℃保暖内衣（上衣/裤子）</a>
                            <p>￥11 <em></em></p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/detail_img3.png" alt="">
                            </a>
                            <span class="tip_tag tag">9色可选</span>
                            <a href="#" class="doc">女式咖啡碳+5℃保暖内衣（上衣/裤子）</a>
                            <p>￥11 <em></em></p>
                        </li>
                    </ul>
                </div>
                <div class="detail_r_top clearfix">
                    <div class="detail_r_title">
                        <h4>专题推荐</h4>
                    </div>
                    <ul>
                        <li>
                            <a href="#">
                                <img src="./upload/detail_img1.png" alt="">
                            </a>
                            <span class="tip_tag tag">9色可选</span>
                            <a href="#" class="doc">女式咖啡碳+5℃保暖内衣（上衣/裤子）</a>
                            <p>￥11 <em></em></p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/detail_img2.png" alt="">
                            </a>
                            <span class="tip_tag tag">9色可选</span>
                            <a href="#" class="doc">女式咖啡碳+5℃保暖内衣（上衣/裤子）</a>
                            <p>￥11 <em></em></p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/detail_img3.png" alt="">
                            </a>
                            <span class="tip_tag tag">9色可选</span>
                            <a href="#" class="doc">女式咖啡碳+5℃保暖内衣（上衣/裤子）</a>
                            <p>￥11 <em></em></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>


</body>

</html>